<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>我的博客</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/jquery-ui.min.css" />
		<link rel="stylesheet" href="css/blog.css" />
		<link rel="stylesheet" href="css/menu.css" />
		<link rel="stylesheet" href="css/content.css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jq-extends.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/menu.js"></script>
		<script type="text/javascript" src="js/nojs.js"></script>
		<script>
		</script>
	</head>

	<body>
		<!--容器开始-->
		<div class="container">
			<!--第一行开始-->
			<div class="row">
				<div class="col-md-4">
					<!--<img src="img/logo.jpg" />-->
					<h2>这个是详情页</h2>
				</div>
				<div class="col-md-8">
				</div>
			</div>
			<!--第一行结束-->

			<!--第二行开始-->
			<div class="row">
				<div class="col-md-12">
					<nav class="navbar navbar-default" role="navigation">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">切换导航</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
							<a rel="nofollow" class="navbar-brand" href="#">首页</a>
						</div>

						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li class="active">
									<a rel="nofollow" href="#">首页</a>
								</li>
								<li>
									<a rel="nofollow" href="#">其他</a>
								</li>
							</ul>
						</div>
					</nav>
				</div>
			</div>
			<!--第二行结束-->

			<!--主体开始-->
			<div class="row clearfix">
				<div class="col-md-12 column">
					<div class="articleContent">
						<h3 class="title">
						我是标题
						</h3>
						<div class="property">
							 <span><small>文章来源</small>：互联网</span>&nbsp;&nbsp;<span><small>作者：</small>${detail.author }</span>&nbsp;&nbsp;<span><small>发布时间：</small>${detail.createTimeStr }</span>&nbsp;&nbsp;
						 <span><small>阅读：</small>${detail.readNum }</span>&nbsp;&nbsp;<span><small>标签：</small>:${detail.labelStr }</span>
						</div>
						<div id="contentTxt">
							我是内容
						</div>
					</div>

				</div>
			</div>
			<!--主体结束-->

			<!--页脚-->
			<div id="footer" class="container">
				<nav class="navbar navbar-default navbar-fixed-bottom">
					<div class="navbar-inner navbar-content-center">
						<div align="center" style="padding-top: 15px;">
							<span style="float: left;padding-left: 20px;">整理自 <a  href="http://www.baidu.com" target="_blank">网络</a> V1.0</span> Copyright © VIC学习记录
						</div>
					</div>
				</nav>
			</div>
			<!--容器结束-->
		</div>
	</body>

</html>